import React, { FC } from "react"
import Logo from "./Logo"
import MyMenu from "./Menu"
import SearchBar from "./SearchBar"
import Avatar from "./Avatar"
import "./Header.css"

const Header: FC = () => {
  return (
    <header className="header">
      <Logo />
      <div className="mid">
        <MyMenu />
        <SearchBar />
      </div>
      <Avatar />
    </header>
  )
}

export default Header
